@charset "UTF-8";
/* CSS Document */

/*PROPRIETES GENERALES*/
body {background-color:#FFFFFF; font-family:"Trebuchet MS"; font-size:1em; color:#402e20;}
p {font-size:0.7em;}
h2 {font-size:0.75em; color:#402e20; padding:0px; margin:0px;}
h3 {font-size:0.65em; color:#402e20; padding:0px; margin:5px 0 10px 0;}
form {padding:0px; margin:0x;}
img {border:none;}

/*HEADER*/
div.header {float:left; padding-right:170px;}
p.header {font-size:0.689em; margin:5px 0px 0px 0px;}
ul.header li {display:inline; padding-right:15px;}
.header a {font-family:"Trebuchet MS"; font-size:0.7em; color:#402e20;}
.header a:hover {text-decoration:none;}

/*CONTENT*/
div.container {padding:10px 0px 0px 15px; margin:0px;}
div.block {background-image:url(/OpenBooking/img/bg01.png); background-repeat:repeat; height:295px; width:690px; margin:30px 0px 10px 28px; padding:12px 15px 33px 15px;}
div.block2 {background-image:url(/OpenBooking/img/bg01.png); background-repeat:repeat; height:125px; width:690px; margin:0px 0px 0px 28px; padding:12px 15px 28px 15px;}
div.block3 {background-image:url(/OpenBooking/img/bg01.png); background-repeat:repeat; height:100%; width:690px; margin:30px 0px 10px 28px; padding:12px 15px 28px 15px;}
div.block4 {background-image:url(/OpenBooking/img/bg01.png); background-repeat:repeat; height:100%; width:690px; margin:30px 0px 10px 28px; padding:12px 15px 28px 15px; text-align:center;}
div.representation {float:left; padding-left:21px; text-align:center; width:147px;}
div.number {float:left; margin:28px 0px 0px 2px;}
div.number2 {float:left; margin:14px 0px 0px 2px;}
div.blockIn {background-color:#FFFFFF; border:thin dotted #4d3c2f; width:670px; padding:5px 10px 5px 10px; text-align:left;}
div.blockInListe {background-color:#FFFFFF; border:thin dotted #4d3c2f; width:670px; padding:5px 10px 5px 10px;}
div.triListe {padding-bottom:15px;}
ul.triListe li {padding-bottom:5px; text-align:left; list-style-type:none; font-size:0.75em;}
div.popimg {float:left;}

/*SPECIFIQUE*/
p.note {font-size:0.625em; margin:0 0 10px 0;}
span.pink {color:#ff005a;}
span.date {font-size:1em;}
span.form {font-size:0.7em;}
span.formError {color:#FF0000; font-size:0.7em;}
.action {margin-left:415px; margin-top:10px;}
.action a:hover {text-decoration:none;}
.center {text-align:center; padding:20px 0px 0px 10px;}
a.dl {font-family:"Trebuchet MS"; font-size:0.7em; color:#ff005a;}
a.dl hover {text-decoration:none;}
a.lieu  {font-family:"Trebuchet MS"; font-size:1em; color:#402E20;}
a.hover  {text-decoration:none;}

/*FOOTER*/
div.footer {text-align:center; margin-top:20px; margin-bottom:50px; width:690px;}
.footer a {font-family:"Trebuchet MS"; font-size:0.7em; color:#402e20; margin-left:10px;}
.footer a:hover {text-decoration:none;}

/*FORMS*/
input.resa {margin:5px 5px 5px 5px; width:250px;}
label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block; padding-top:0.5em;}

/*  =POPIN
----------------------------------------------------------------------------- */
#popinMask{
    display: none;
    z-index: 3000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

#popin{
    display: none;
    z-index: 3001;
    position: fixed;
    left: 5%;
    top: 50px;
    padding: 20px;
    width: 600px;
    background: #fff;
    text-align: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.5); 
}

.closeBt{
    position: absolute;
    right: 5px;
    top: 5px;
}










